<template name="management">
	<view>
		<scroll-view scroll-y class="page">
		<view class="view-header">
			<!-- <view class="h-title flex-cc">
				<image class="left-icon" src="../../../static/missing-face.png" mode=""></image>
				<view class="sname">
					TITLE
				</view>
				<view class="right-icon"></view>
			</view> -->
			<view class="h-stati">
				<view class="">	今日付款金额（元）</view>
				<view class="">{{amounts}}</view>
				<view class="">
					<view class="row3">
						<view class="">浏览人数</view>
						<view class="">25</view>
					</view>
					<view class="row3">
						<view class="">下单订单数</view>
						<view class="">25</view>
					</view>
					<view class="row3">
						<view class="">付款订单数</view>
						<view class="">25</view>
					</view>
				</view>
			</view>
		</view>
		
		<view class="oder flex-cc">
			<view class="flex-cc border-r">
				代发货 33
			</view>
			<view class="flex-cc">
				待退换 33 
			</view>
		</view>
		
		<view class="view3 flex-cc pad40">
			<view class="row-icon4" @tap="navTo('../commodityManagement/groupManagement/groupManagement')">
				<image src="../../../static/goods.png" mode=""></image>
				<view class="" >	商品管理	</view>
			</view>
			<view class="row-icon4" @tap="navTo('../dataStati/dataStati')">
				<image src="../../../static/data.png"  mode=""></image>
				<view class="">	数据统计	</view>
			</view>
			<view class="row-icon4" @tap="navTo('../shopOrder/shopOrder')">
				<image src="../../../static/order.png" mode=""></image>
				<view class="">	订单管理	</view>
			</view>
			<view class="row-icon4" @tap="navTo('../shopAppliaction/shopApplicationForm')">
				<image src="../../../static/store.png" mode=""></image>
				<view class="" >	店铺管理	</view>
			</view>
			
			<view class="row-icon4" @tap="navTo('../storeDetail/storeDetail')">
				<image src="../../../static/store.png" mode=""></image>
				<view class="" >	店铺详情	</view>
			</view>
			<!--  
			<view class="row-icon4" @tap="navTo('../index/storeIndex')">
				<image src="../../../static/store.png" mode=""></image>
				<view class="" >	index	</view>
			</view>
			  -->
		</view>
		<view class="viewlist">
			<view class="example-title pad30">最新动态</view>
			<uni-list>
				<uni-list-item :show-badge="true" title="列表左侧带略缩图" :thumb="iconPath" badge-text="12"/>
				<uni-list-item :show-badge="true" title="列表左侧带略缩图" :thumb="iconPath" badge-text="12"/>
				<uni-list-item :show-badge="true" title="列表左侧带略缩图" :thumb="iconPath" badge-text="12"/>
				<uni-list-item :show-badge="true" title="列表左侧带略缩图" :thumb="iconPath" badge-text="12"/>
			</uni-list>
		</view>
		<view class="gd-view"></view>
		
		<view class="foot-tab">
			<view class="box">
				<view class="cu-bar tabbar bg-white">
					<view class="action">
						<view class="cuIcon-cu-image">
							<image src="/static/shouye.png"></image>
						</view>
						<view class="tab-text text-blue">首页</view>
					</view>
					<view class="action">
						<view class="cuIcon-cu-image">
							<image src="/static/xiaoxi.png"></image>
						</view>
						<view class="tab-text text-gray">消息</view>
					</view>
					<view class="action">
						<view class="cuIcon-cu-image">
							<image src="/static/wode.png"></image>
							<!-- <view class="cu-tag badge">99</view> -->
						</view>
						<view class="tab-text text-gray">我的</view>
					</view>
				</view>
			</view>
		</view>
		
		<view class="cu-tabbar-height"></view>
		</scroll-view>
	</view>
</template>

<script>
	import uniList from '@/components/uni-list/uni-list.vue'
	import uniListItem from '@/components/uni-list-item/uni-list-item.vue'
	export default {
		name:"management",
		components: {
			uniList,
			uniListItem
		},
		data() {
			return {
				iconPath:"https://img-cdn-qiniu.dcloud.net.cn/new-page/uni.png",
				amounts:1500.00
			}
		},
		onLoad(options){
			console.log(options.id);
		},
		methods: {
			navTo(url){
				uni.navigateTo({
					url
				});
			},
			test(){
				uni.navigateTo({
					url: 'shopOrder/shopOrder',
					success: res => {},
					fail: () => {},
					complete: () => {}
				});
			}
		}
	}
</script>

<style>

.page {
	height: 100vh;
}
.view-header{
	background-color: #FFFFFF;
	padding: 20upx;
}
.h-title{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 20upx;
}
.left-icon,.right-icon{
	width: 60upx;
	height: 60upx;
	border-radius: 50%;
}

.sname{
	font-size:32upx;
	font-family:PingFangSC-Medium,PingFang SC;
	font-weight:500;
	color:rgba(60,60,60,1);
	line-height:44upx;
}
.h-stati{
	background:linear-gradient(186deg,rgba(38,117,245,1) 0%,rgba(77,75,176,1) 100%);
	border-radius:8upx;
	height:334upx;
	padding: 40upx;
}
.h-stati > view:first-child,.h-stati > view:nth-child(2),.h-stati > view:nth-child(3),
.oder,.row-icon4{
	font-family:PingFang-SC-Medium,PingFang-SC;
	font-weight:500;
	color:rgba(255,255,255,1);
}
.h-stati > view:first-child,.h-stati > view:nth-child(3){
	font-size:26upx;
	line-height:36upx;
	
}
.h-stati > view:nth-child(2){
	font-size:50upx;
	line-height:72upx;
	padding-bottom: 60upx;
}
.h-stati > view:nth-child(3){
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.row3{
	width: 33%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
}
.row3>view{
	padding-bottom: 20upx;
}

.viewlist{
	margin-top: 20upx;
}
 .example-title{
	font-size: 32upx;
	color: #464e52;
	margin-top: 20upx;
	background-color: #fdfdfd;
	border-bottom: 1px #f5f5f5 solid
} 
.row-icon4{
	width: 25%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-size:24upx;
	color:rgba(124,124,124,1);
}
.row-icon4>view{
	margin-top: 10upx;
}
.row-icon4 image{
	width: 60upx;
	height: 60upx;
}
.oder{
	width: calc(100vw - 40upx);
	margin: 20upx;
	background-color: #FFFFFF;
	padding: 18upx;
	font-size:28upx;
	color:rgba(60,60,60,1);
	line-height:40upx;
}
.view3{
	background-color: #FFFFFF;
	padding: 40upx;
}
.oder view{
	width: 50%;
}
.gd-view{
	height: 154upx;
}
.foot-tab{
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: #FFFFFF;
	z-index: 999;
}
.tab-text{
	font-size:24upx;
	font-family:PingFangSC-Medium,PingFang SC;
	font-weight:500;
}
.cuIcon-cu-image image{
	width: 48upx;
	height: 48upx;
}

	uni-view {
	    line-height: 1;
	}
</style>
